<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>网站首页</title>
    <link rel="stylesheet" type="text/css" href="__CDN__/light/css/all.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="__CDN__/light/js/common.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="index">
    <!-- 头部 -->
    {include file="public/header" /}
    <!-- 专注事业 -->
    <div class="main">
        <div class="flex index_focus">
            <div class="career">
                <h1>{$base.year}</h1>
                <p>专注道路照明事业{$base.year}年</p>
            </div>
            <div class="career">
                <h1>{$base.product}</h1>
                <span>+</span>
                <p>共有{$base.product}余种照明产品</p>
            </div>
            <div class="career">
                <h1>{$base.staff}</h1>
                <p>共有{$base.staff}名优秀员工</p>
            </div>
        </div>
    </div>
    <!-- 关于某某照明 -->
    <div class="index_about center">
        <div class="index_about_content">
            <p><span class="orange">About</span> <span class="gray">us</span></p>
            <h1>{$about.title}</h1>
            <p class="text">
                {$about.desc}
            </p>
            <p class="more"><a href="{:url('/index/about/index',['nav_id'=>2])}">查看更多</a></p>
        </div>
        <div class="index_about_picture">
            <img src="{$about.image}"/>
        </div>
    </div>
    <!-- 产品中心 -->
    <div class="index_product_bg">
        <div class="index_product">
            <h2>产品中心</h2>
            <p><span class="orange">product</span> center</p>
        </div>
        <div class="flex series">
            {volist name="productCate" id="voo"}
            <a href="{:url('/index/product/index',['nav_id'=>3,'cate_id'=>$voo.id])}">{$voo.name}</a>
            {/volist}
        </div>
    </div>
    <!-- 灰色背景灯系列 -->
    <div class="bg_gray">
        <div class="flex center index_lamp">
            {volist name="product" id="vo"}
            <a href="{:url('/index/product/details',['nav_id'=>3,'cate_id'=>$vo.cate_id,'id'=>$vo.id])}">
                <dl>
                    <dt><img src="{$vo.image}"></dt>
                    <dd>{$vo.title}</dd>
                </dl>
            </a>
            {/volist}
        </div>
    </div>
    <!-- 工程案例 -->
    <div class="index_engineering">
        <div class="index_product engin">
            <h2>工程案例</h2>
            <p><span class="orange">Engineering</span> <span class="gray">cases</span></p>
        </div>
        <div class="center flex">
            {volist name="engineering" id="v"}
            <a href="{:url('/index/engineering/details',['nav_id'=>4,'cate_id'=>$v.cate_id,'id'=>$v.id])}">
                <dl class="bg_gray">
                    <dt><img src="{$v.image}"></dt>
                    <dd>{$v.title}</dd>
                </dl>
            </a>
            {/volist}
        </div>
    </div>
    <!-- 我们的优势 -->
    <div class="index_advantage">
        <div class="index_product engin">
            <h2>我们的优势</h2>
            <p><span class="orange">Our</span> <span class="gray">advantages</span></p>
        </div>
        <div class="advant">
            <div class="center flex">
                {volist name="adv" id="vo"}
                <div class="flex xk first">
                    <img src="{$vo.image}">
                    <div class="right">
                        <p>{$vo.title}</p>
                        <p>{$vo.desc}</p>
                    </div>
                </div>
                {/volist}
            </div>
        </div>
    </div>
    <!-- 新闻中心 -->
    <div class="index_new">
        <div class="index_product engin">
            <h2>新闻中心</h2>
            <p><span class="orange">News</span> <span class="gray">center</span></p>
        </div>
        <div class="center flex news">
            <div class="left">
                <a href="{:url('/index/news/details',['nav_id'=>5,'cate_id'=>$n.cate_id,'id'=>$n.id])}">
                    <input type="image" src="{$n.image}"/></a>
                <div class="caption">
                    <p><a href="{:url('/index/news/details',['nav_id'=>5,'cate_id'=>$n.cate_id,'id'=>$n.id])}">{$n.title}</a></p>
                    <p>{:date('Y-m-d',$n.createtime)}</p>
                    <p>{$n.desc}</p>
                </div>
            </div>
            <div class="right">
                <div class="right_top">
                    <p class="tit"><a href="{:url('/index/news/details',['nav_id'=>5,'cate_id'=>$n.cate_id,'id'=>$n.id])}">{$n.title}</a></p>
                    <p class="content">
                        {$n.desc}
                        <a href="{:url('/index/news/details',['nav_id'=>5,'cate_id'=>$n.cate_id,'id'=>$n.id])}" class="orange">【详细】</a>
                    </p>
                    <p class="time">{:date('Y-m-d',$n.createtime)}</p>
                </div>
                <div>
                    {volist name="news" id="v"}
                    <div class="flex right_bottom">
                        <p><a href="{:url('/index/news/details',['nav_id'=>5,'cate_id'=>$v.cate_id,'id'=>$v.id])}">
                            {$v.title}
                        </a></p>
                        <p>{:date('Y-m-d',$v.createtime)}</p>
                    </div>
                    {/volist}
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="bg_gray">
        <div class="links center">
            <ul>
                <li>友情链接 <span class="orange">Links</span> :</li>
                {volist name="link" id="vo"}
                <li>{$vo.title}</li>
                {/volist}
            </ul>
        </div>
    </div>
    <div class="footer">
        {include file="public/footer" /}
    </div>
</div>
</body>
</html>
